.btn {
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
}

.btn.default {
  background: #6c6d71;
}

.btn.default:hover {
  background: #85868b;
}

.btn.default:active {
  background: #535457;
}

.btn.default:disabled {
  background: #9fa0a4;
  color: #47474a;
}

.btn.primary {
  background: #409eff;
}

.btn.primary:hover {
  background: #73b8ff;
}

.btn.primary:active {
  background: #0d84ff;
}

.btn.primary:disabled {
  background: #a6d2ff;
  color: #0077f3;
}

.btn.success {
  background: #67c23a;
}

.btn.success:hover {
  background: #85cf60;
}

.btn.success:active {
  background: #529b2e;
}

.btn.success:disabled {
  background: #a3db87;
  color: #488728;
}

.btn.warning {
  background: #e39827;
}

.btn.warning:hover {
  background: #e9ae54;
}

.btn.warning:active {
  background: #be7c19;
}

.btn.warning:disabled {
  background: #efc381;
  color: #a86e16;
}

.btn.danger {
  background: #f54343;
}

.btn.danger:hover {
  background: #f87373;
}

.btn.danger:active {
  background: #f21313;
}

.btn.danger:disabled {
  background: #faa4a4;
  color: #e00c0c;
}
